@keyframes round {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes round {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-moz-keyframes round {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-o-keyframes round {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
html {
  font-size: 62.5%; }

.container_xm {
  width: 100%;
  height: 100%; }
  .container_xm .full_w_h {
    width: 100%;
    height: 100%;
    padding: 0; }
  .container_xm .page {
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0; }
  .container_xm .page0 {
    background: url("../images/0_bg.png") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%; }
    .container_xm .page0 .header_xm {
      margin: 40px 40px 100px 40px; }
      .container_xm .page0 .header_xm a img {
        width: 200px;
        margin-left: 0; }
      .container_xm .page0 .header_xm span {
        font-size: 25px;
        color: #fff;
        text-align: end; }
    .container_xm .page0 .content_xm {
      align-content: center; }
      .container_xm .page0 .content_xm .content_1 img {
        height: 400px;
        margin: auto; }
      .container_xm .page0 .content_xm .content_2 h1, .container_xm .page0 .content_xm .content_2 p {
        color: #fff;
        text-shadow: 0 3px 5px black; }
      .container_xm .page0 .content_xm .content_2 p {
        font-size: 25px; }
      .container_xm .page0 .content_xm .content_2 h1 {
        font-size: 55px; }
      .container_xm .page0 .content_xm .content_2 .download .btn_xm {
        display: inline-block; }
        .container_xm .page0 .content_xm .content_2 .download .btn_xm img {
          width: 30px;
          display: inline-block;
          margin-right: 15px; }
      .container_xm .page0 .content_xm .content_2 .download .btn {
        background-color: #fe9b00;
        border: none;
        margin-top: 20px;
        height: 58px;
        width: 230px;
        font-size: 24px; }
      .container_xm .page0 .content_xm .content_2 .download .code {
        display: inline-block;
        width: 136px;
        height: 136px;
        vertical-align: bottom;
        margin-left: 45px; }
        .container_xm .page0 .content_xm .content_2 .download .code img {
          width: inherit;
          height: inherit;
          border: 1px solid #9d9d9d;
          border-radius: 4.8px; }
  .container_xm .page0_5 {
    background: #fff; }
    .container_xm .page0_5 .header_xm span {
      color: #c81431; }
    .container_xm .page0_5 .content_xm .content_2 p {
      color: #000;
      text-shadow: none; }
    .container_xm .page0_5 .content_xm .content_2 h1 {
      color: #c81431;
      text-shadow: none; }
    .container_xm .page0_5 .content_xm .content_2 .download .btn {
      background-color: #c81431; }
  .container_xm .page1 {
    text-align: center;
    position: relative; }
    .container_xm .page1 .content_L {
      margin-top: 20%; }
      .container_xm .page1 .content_L h2 {
        color: #c81431;
        font-size: 50px;
        text-align: left;
        padding-left: 100px;
        margin-bottom: 25px; }
      .container_xm .page1 .content_L p {
        font-size: 25px;
        text-align: left;
        padding-left: 100px; }
    .container_xm .page1 .content_R .round {
      width: 420px;
      height: 420px;
      position: relative;
      top: 50%;
      margin-top: 100px;
      left: 8%;
      z-index: -1; }
      .container_xm .page1 .content_R .round span {
        animation: round 8s linear infinite;
        -webkit-animation: round 8s linear infinite;
        -moz-animation: round 8s linear infinite;
        -o-animation: round 8s linear infinite;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        margin-top: -50%;
        margin-left: -50%;
        border: 1px solid #c81432;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 50%;
        text-align: center; }
        .container_xm .page1 .content_R .round span i {
          position: relative;
          top: -10%;
          display: inline-block;
          border-radius: 50%;
          background: #c81432;
          width: 81.6px;
          height: 81.6px; }
        .container_xm .page1 .content_R .round span:nth-of-type(2) {
          animation-delay: -2s;
          -webkit-animation-delay: -2s;
          -moz-animation-delay: -2s;
          -o-animation-delay: -2s;
          animation-duration: 6s;
          -webkit-animation-duration: 6s;
          -moz-animation-duration: 6s;
          -o-animation-duration: 6s;
          width: 80%;
          height: 80%;
          margin-top: -40%;
          margin-left: -40%; }
          .container_xm .page1 .content_R .round span:nth-of-type(2) i {
            width: 54.4px;
            height: 54.4px; }
        .container_xm .page1 .content_R .round span:nth-of-type(3) {
          animation-delay: -6s;
          -webkit-animation-delay: -6s;
          -moz-animation-delay: -6s;
          -o-animation-delay: -6s;
          animation-duration: 10s;
          -webkit-animation-duration: 10s;
          -moz-animation-duration: 10s;
          -o-animation-duration: 10s;
          width: 60%;
          height: 60%;
          margin-top: -30%;
          margin-left: -30%; }
          .container_xm .page1 .content_R .round span:nth-of-type(3) i {
            width: 40.8px;
            height: 40.8px; }
    .container_xm .page1 .content_R .person {
      width: 285px;
      height: 415px;
      position: absolute;
      margin-top: -85%;
      margin-left: 20%;
      z-index: 10; }
    .container_xm .page1 .content_R .phone {
      width: 414px;
      height: 353px;
      position: absolute;
      margin-top: -45%;
      margin-left: 15%;
      z-index: 9; }
  .container_xm .page2 .content_L {
    margin-top: 5%;
    margin-left: 6%; }
    .container_xm .page2 .content_L img {
      height: 560px;
      margin: auto; }
  .container_xm .page2 .content_R {
    margin-top: 17%; }
    .container_xm .page2 .content_R h2 {
      color: #c81431;
      font-size: 50px;
      text-align: right;
      padding-right: 100px;
      margin-bottom: 25px; }
    .container_xm .page2 .content_R p {
      font-size: 25px;
      text-align: right;
      padding-right: 100px; }
  .container_xm .page3 .content_L {
    margin-top: 20%; }
    .container_xm .page3 .content_L h2 {
      color: #c81431;
      font-size: 50px;
      margin-top: 0;
      text-align: left;
      padding-left: 100px;
      margin-bottom: 25px; }
    .container_xm .page3 .content_L p {
      font-size: 25px;
      text-align: left;
      padding-left: 100px; }
  .container_xm .page3 .content_R {
    position: relative;
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right; }
    .container_xm .page3 .content_R .person {
      height: 450px;
      position: relative;
      margin-top: -61%;
      margin-left: -6%; }
    .container_xm .page3 .content_R .phone {
      width: 370px;
      position: relative;
      margin-top: 10%; }
  .container_xm .page4 {
    overflow: hidden; }
    .container_xm .page4 .content_L {
      margin-top: 10%;
      text-align: -webkit-center; }
      .container_xm .page4 .content_L .phone {
        height: 390px;
        position: relative; }
      .container_xm .page4 .content_L .huan1 {
        width: 500px;
        position: relative;
        margin-top: -90%; }
      .container_xm .page4 .content_L .huan2 {
        width: 400px;
        position: relative;
        margin-top: 15%; }
      .container_xm .page4 .content_L .huan3 {
        width: 500px;
        margin-top: -10%; }
      .container_xm .page4 .content_L .dun {
        width: 140px;
        position: relative;
        margin-top: -73%; }
    .container_xm .page4 .content_R {
      margin-top: 17%; }
      .container_xm .page4 .content_R h2 {
        color: #c81431;
        font-size: 50px;
        text-align: right;
        padding-right: 100px;
        margin-bottom: 25px; }
      .container_xm .page4 .content_R p {
        font-size: 25px;
        text-align: right;
        padding-right: 100px; }
  @media (max-width: 736px) {
    .container_xm .page0 .header_xm {
      margin: 20px; }
      .container_xm .page0 .header_xm img {
        margin-bottom: 10px; }
      .container_xm .page0 .header_xm span {
        font-size: 20px;
        display: block;
        text-align: center; }
    .container_xm .page0 .content_xm {
      margin-top: 20px; }
      .container_xm .page0 .content_xm .content_1 img {
        height: 150px; }
      .container_xm .page0 .content_xm .content_2 h1 {
        font-size: 30px;
        text-align: center; }
      .container_xm .page0 .content_xm .content_2 p {
        font-size: 20px;
        text-align: center; }
      .container_xm .page0 .content_xm .content_2 .download {
        margin-top: 30px;
        text-align: center; }
        .container_xm .page0 .content_xm .content_2 .download .btn {
          width: 150px;
          font-size: 15px;
          height: 40px; }
          .container_xm .page0 .content_xm .content_2 .download .btn img {
            width: 20px;
            margin-right: 10px; }
        .container_xm .page0 .content_xm .content_2 .download .code {
          height: 100px;
          width: 100px;
          margin-left: 0; }
    .container_xm .page1 {
      overflow: hidden; }
      .container_xm .page1 .content_L {
        margin: 10px;
        padding: 0; }
        .container_xm .page1 .content_L h2 {
          font-size: 30px;
          padding: 0;
          text-align: center; }
        .container_xm .page1 .content_L p {
          font-size: 18px;
          padding: 0;
          text-align: center; }
      .container_xm .page1 .content_R .round {
        width: 300px;
        height: 300px;
        margin-top: 50px; }
        .container_xm .page1 .content_R .round span i {
          width: 54.4px;
          height: 54.4px; }
    .container_xm .page2 .content_L {
      margin-top: 5%; }
      .container_xm .page2 .content_L img {
        width: 270px;
        height: 380px; }
    .container_xm .page2 .content_R {
      margin-top: 2%; }
      .container_xm .page2 .content_R h2 {
        font-size: 30px;
        padding: 0;
        text-align: center; }
      .container_xm .page2 .content_R p {
        font-size: 18px;
        padding: 0;
        text-align: center; }
    .container_xm .page3 {
      overflow: hidden; }
      .container_xm .page3 .content_L {
        margin-top: 15%; }
        .container_xm .page3 .content_L h2 {
          font-size: 30px;
          padding: 0;
          text-align: center; }
        .container_xm .page3 .content_L p {
          font-size: 18px;
          padding: 0;
          text-align: center; }
      .container_xm .page3 .content_R .phone {
        width: 250px; }
      .container_xm .page3 .content_R .person {
        height: 300px; }
    .container_xm .page4 {
      overflow: hidden; }
      .container_xm .page4 .content_L {
        margin-top: 20%; }
        .container_xm .page4 .content_L .phone {
          height: 250px; }
        .container_xm .page4 .content_L .huan1 {
          width: 300px;
          margin-top: -305px;
          margin-left: -6px; }
        .container_xm .page4 .content_L .huan2 {
          width: 250px; }
        .container_xm .page4 .content_L .huan3 {
          width: 300px;
          margin-top: -5px; }
        .container_xm .page4 .content_L .dun {
          width: 90px;
          margin-top: -267px; }
      .container_xm .page4 .content_R {
        margin-top: 60%; }
        .container_xm .page4 .content_R h2 {
          font-size: 30px;
          padding: 0;
          text-align: center; }
        .container_xm .page4 .content_R p {
          font-size: 18px;
          padding: 0;
          text-align: center; } }
